<el-dialog :close-on-click-modal="false" :close-on-press-escape="false" title="忘记密码" class="dialogStyleBase"
    width="500px" :visible.sync="boxVisible" append-to-body :before-close="editBoxCancel">
    <div class="dialogStyleBaseBox" v-loading="isLoading">
        <el-form ref="editForm" :model="form" label-width="100px" label-position="left">
            <el-form-item label="手机号码" prop="mobile" :rules="{ required: true, message: '手机号不能为空'}">
                <el-input placeholder="请输入手机号码" v-model="form.mobile" maxlength="20" clearable>
                </el-input>
            </el-form-item>
            <el-form-item label="验证码" prop="mobile" :rules="{ required: true, message: '验证码不能为空'}">
                <div class="wrap">
                    <div class="input">
                        <el-input placeholder="验证码" v-model="form.code" maxlength="6" clearable>
                        </el-input>
                    </div>
                    <div class="btns">
                        <el-button v-if="time === 0" type="primary" @click="getVerifyImage('open')">发送验证码</el-button>
                        <el-button v-else type="danger">{{ time }}秒后可重新发送</el-button>
                    </div>
                </div>
            </el-form-item>
            <el-form-item label="密码" prop="password"
                :rules="[{ required: true,trigger: ['blur', 'change'],validator:function(rule, value, callback){$vFN.Tools.validatePassword(rule, value, callback)}}]">
                <el-input placeholder="请输入密码" v-model="form.password" show-password maxlength="20" clearable>
                </el-input>
            </el-form-item>
        </el-form>
        <SlideVerify :appWindow="appWindow" ref="SlideVerify"></SlideVerify>
    </div>
    <div slot="footer">
        <el-row>
            <el-col :span="24">
                <el-button :disabled="isLoading" @click="editBoxCancel">取 消</el-button>
                <el-button :disabled="isLoading" type="primary" @click="handleClick">确
                    定</el-button>
            </el-col>
        </el-row>
    </div>
</el-dialog>